#loading-mask{
	position:absolute;
	left:0;
	top:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:white;
}
#loading{
	position:absolute;
	left:46%;
	top:46%;
	padding:2px;
	z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:5px;
}
#loading .loading-indicator{
	background:white;
	color:#555;
	font:bold 13px tahoma,arial,helvetica;
	padding-top:7px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin:3px;
    text-align:center;
    height:auto;
}
.head-title {
    text-align:center;
    vertical-align:middle;
}
.custom-user-login {
    padding-left:18px;
    padding-right:3px;
    padding-top:0;
    padding-bottom:0;
    font-size:11px;
    color:#555;
    background:transparent url('images/user.png') no-repeat left;
}
.login-icon {
    background: url(images/user.png) 0 4px no-repeat !important;
}
.password-markup {
    color:#d0d0d0;
    font-family:Tahoma,sans-serif;
    font-size:10px;
    font-style:italic;
}
.couple-management-table {
    vertical-align:top;
    padding:5px;
}

.event-management-table {
    vertical-align:top;
    padding:5px;
}





.x-tab-panel-body .x-panel-body {
    padding:10px;
    width: 100%;
	height: 100%;
}
	
/* default loading indicator for ajax calls */
.loading-indicator {
	font-size:8pt;
	background-image:url('static/js/ext/resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	padding-left:20px;
}

/* remove the default left,center and right images from the button border*/
.dlss-btn-icon .x-btn-left, .dlss-btn-icon .x-btn-right, .dlss-btn-icon .x-btn-center{
	background: 0;
}

/* now customize the new button	that has a caption below the icon */	
.dlss-btn-icon .x-btn-center .x-btn-text {
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left:0px;
	padding-top:50px;
	padding-bottom:0px;
	padding-right:0px;
	height: 5px;
	width: 50px;
}

/* remove the default left,center and right images from the button border*/
.dlss-btn-text-icon .x-btn-left, .dlss-btn-text-icon .x-btn-right, .dlss-btn-text-icon .x-btn-center{
	background: 0;
}

/* now customize the new button	that has a caption below the icon */	
.dlss-btn-text-icon .x-btn-center .x-btn-text {
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left:0px;
	padding-top:50px;
	padding-bottom:0px;
	padding-right:0px;
	height: 65px;
	width: 50px;
}
